// 通用基础样式
@use 'ui/ui';
@use 'transitionCom';
@use 'waves';

// 未编译模板闪现问题
[v-cloak] {
	display: none;
}

// 自定义滚动条
@include scroll-bar(6px, #cccccc);

// 常用基本样式
.juzhong_transform {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

// 文字显示与隐藏
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

// 回显html保留原始样式
.pre {
	font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif;
	white-space: pre-wrap;
}

// 自定义常用样式
.page {
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 10px;
	background: var(--el-bg-color-page);
}

.system-page-background {
	background-color: var(--el-bg-color-overlay);
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
	-webkit-text-fill-color: #000 !important;
	transition: background-color 5000s ease-in-out 0s !important;
}
